<style>
    *{
        font-size: 14px;
        font-family:"Microsoft YaHei",Verdana, Arial, Helv, Helvetica, sans-serif;
    }
</style>
<div zm-scroll="" srcroll-ref="true">
    <div ng-if="artis.length==0" style="text-align: center;margin: 60px auto;width: 220px">
        <div style="line-height: 1.5em">你所选的城市，暂无店面，请切换城市查看。</div>
        <div style="margin-top: 20px">
            <a ng-href="#/address" style="display: inline-block;border-radius: 20px;padding: 7px 20px;background: #f35c43;color: #fff">切换城市</a>
        </div>
    </div>
    <div id="AppointType">
        <div class="wrap">
            <table>
                <tbody><tr><td class="engineer checker">
                    <a class="type-product" href="#/index">&nbsp;项目&nbsp;</a>
                    <a class="type-engineer" href="#/designer">&nbsp;店面&nbsp;</a>
                </td>
                </tr>
                </tbody>
            </table>

        </div>
    </div>
    <ul id="Main" class="enginner" style="padding-bottom:40px;margin-top: 50px">
        <li data-ng-repeat="art in artis" class="elevel1" style="height: 100px;">
            <a href="#/designer/{{art.id}}">
                <div style="width: 100%;height: 100px;">
                    <div style="float: left;width: 40%;height: 100%">
                        <img class="head-photo" src="{{art.head_img}}" height="100%" width="100%">
                    </div>
                    <div style="float: left;width: 60%;height: 100%;">
                        <div style="width: 100%;height: 20%;">
                            <div style="text-align: left;float: left;margin: 5px 3px;font-size: 16px;">
                                {{art.name}}
                            </div>
                            <!--<div style="float: right;margin: 5px 3px;">-->
                                <!--<img src="imgs/position.png" height="20">-->
                                <!--{{art.distance | num2mi}}-->
                            <!--</div>-->
                        </div>
                        <div style="width: 100%;height: 80%;">
                            <div style="width: 95%;height: 60%;text-align:left;font-size: 14px;color: gray;">
                                <span>地址：{{art.address}}</span>
                            </div>
                            <div style="width: 95%;height: 30%;text-align: right;margin:10px 5px;font-size: 14px;float: right;">
                                {{art.order_num}}单
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
    <div class="loadIndicator animate-show" data-ng-show="loading">{{loadingMsg}}</div>
</div>
<table id="BottomMenu">
    <tbody>
    <tr>
        <td id="home" class="active">
            <a href="#index">
                <span class="icon">
                    <img src="imgs/home.active.png" width="20" height="20">
                </span>
                <span class="title">预约</span>
            </a>
        </td>

        <td id="myorder" class="">
            <a href="#/user/order">
                <span class="icon">
                    <img src="imgs/myorder.png" width="20" height="20">
                </span>
                <span class="title">订单</span>
            </a>
        </td>

        <td id="people" class="">
            <a href="#/user/home">
                <span class="icon">
                    <img src="imgs/people.png" width="20" height="20">
                </span>
                <span class="title">个人</span>
            </a>
        </td>
    </tr>
    </tbody>
</table>